async Server Components
code:ts
async function Note({id, isEditing}) {
const note = await db.posts.get(id);
return (
<div>
<h1>{note.title}</h1>
<section>{note.body}</section>
{isEditing ? <NoteEditor note={note} /> : null}
</div>
);
}
Component内で、awaitを使ってfirst-classでdata fetchingできる
hooksを介する必要はない
このComponent内ではhooksは使えない
statelessである
asyncでcomponentsを定義できるのは、server componentsだけ
だから、client componentでは、Component内でawaitを使えない
だが、代わりにuseを使って同じようなことをできる